<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智能爬取与数据对话</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>

    <div class="container">

        <!-- 用户表格 -->
        <div class="row col-md-6 col-md-offset-3">
            <table class="table table-striped" id="info_table">
                <!-- 表头 -->
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>图片</th>
                        <th>评分</th>
                        <th>描述</th>
                    </tr>
                </thead>
                <!-- 表体 -->
                <tbody>

                </tbody>
            </table>


            <!-- 提问框和提交按钮 -->
            <div class="row">
                <form name="aiForm">
                    <div class="from-group">
                        <label for="questionInput">提问</label>
                        <input 
                            type="text" 
                            id="questionInput" 
                            class="form-control" 
                            name="question" 
                            placeholder="请输入问题"
                            required
                        >
                    </div>
                    <button type="submit" class="btn btn-default" name="btn">查询</button>
                </form>
            </div>


            <!-- 显示回答 -->

            <div class="row" id = "message"></div>

        </div>

    </div>
    <script src="script.js"></script>
</body>

</html>
